// pages/main/index.js
Page({
  data: { //页面的初始数据
  contents:[ //上课的内容
    {
      title: '第一个小程序页面',
      path: '/pages/first/me',
              jj: '如何添加新的页面、如何利用wxml来布局页面，组件view、text、button的使用，页面数据的绑定，怎么为组件添加比如bind:tap事件，在js文件中编写逻辑代码，wxss控制组件显示的样子，动态设置页面数据', 
    },{
      title: '猜猜猜小游戏',
      path: '/pages/caicaicai/index',
              jj: 'input组件的使用，bindinput设置输入时执行的代码，如何来获取输入的数据、键值对"max: max," 可以简化为 "max,"，用push()方法向数组末尾添加元素，用parseInt()方法将字符串"256"转换为数值256，页面函数input: function(e){ }可简化成input(e){ }，用wx:for进行数组的渲染，item代表当前渲染的数据项', 
    },{
      title: '我的朋友们',
      path: '/pages/friends/index',
              jj: '列表渲染中每个元素都是对象{}，可以通过.语法来访问，比如item.title, index代表每个元素对应的索引号，还可以利用wx:key来提高渲染的性能',
    },{
      title: '网络获取生活指数',
      path: '/pages/life/index',
              jj: '在onLoad生命周期函数内利用wx:request()发起网络请求，succuss设置成功时执行的操作，fail设置失败时执行的操作，利用block来进行列表渲染',
    }, {
      title: '组织所有讲课的内容',
              jj: '组织所有讲课的内容，通过wx.navigateTo()跳转到指定的页面。通过data-xxx="v"这种方式来传递一些附加数据，事件所在的组件称为currentTarget，所点击的组件称为target',
    },{
      title: '歌手为我唱响',
      path: '/pages/music/index',
      jj: 'InnerAudioContext对象用于播放音乐，页面函数调用格式为 this.f(), 反引号字符换，更新有变化的数组元素，wx:if属性实现条件渲染，',
    },{
		title: '在线影视',
		path: '/pages/films/index',
		jj: '免费电影，电视剧',
	  }
  ]
  },
nav(e){ //点击某个讲课内容时，准备跳转到对应的页面
  let index=e.currentTarget.dataset.index //获取点击内容的索引号
  let url=this.data.contents[index].path //获取点击内容对应的页面路径
  console.log(url)
  if(url)wx.navigateTo({ url, }) //跳转到指定的页面
}
})